<template>
  <div>
    <pageHeader title="商品预览" back></pageHeader>
    <pageMain class="main" padding="0" background="transparent">
      <div class="main-left">
        <chunkTitle>
          <template>
            <div class="goods-preview">
              <iframe
                style="width: 100%; height: 100%"
                src="http://static-mp-63a522e9-0c52-40db-bf16-a70ad43f40ba.next.bspapp.com/#"
                frameborder="0"
              ></iframe>
            </div>
          </template>
        </chunkTitle>
      </div>
      <div class="main-right">
        <chunkTitle></chunkTitle>
      </div>
    </pageMain>
  </div>
</template>

<script>
import chunkTitle from "@/components/chunk-title/chunk-title.vue";
import pageHeader from "~/page-header/page-header.vue";
import pageMain from "~/page-main/page-main.vue";
// import ShoppingAPI from "@/api/shopping";
export default {
  components: { pageHeader, pageMain, chunkTitle },
};
</script>

<style scoped>
.main {
  display: flex;
  gap: 35px;
}

.main-left {
  width: 420px;
  display: flex;
  flex-direction: column;
}
.goods-preview {
  flex: 1;
  width: 100%;
  height: 600px;
}
.main-right {
  flex: 1;
  background: white;
}
</style>
